<#import "/jblog.html" as jblog/>
<@jblog.head title=article.title+"-"+blogCommon.blogTitle cssList=["/editormd/css/editormd.preview.min.css","/editormd/css/editormd.min.css"] keywords=article.tagsStr description=article.title+"。"/>
<body>
	<div class="container">
		<div class="columns page-header">
			<h1><a href="${rc.contextPath}/">${blogCommon.blogTitle}</a></h1>
		</div>
		<@jblog.navigation leftMenus = blogCommon.leftMenus rightMenus = blogCommon.rightMenus/>
		<div class="columns">
			<#if article ??>
			<@jblog.article article = article single=true/>
			<div class="archive-title">
				<!--PC和WAP自适应版-->
				<div id="SOHUCS" sid="${article.articleId}" ></div> 
				<script type="text/javascript"> 
				(function(){ 
				var appid = 'cysXbQonJ'; 
				var conf = 'prod_8ea66dfb9cacbc960533747642f180bd'; 
				var width = window.innerWidth || document.documentElement.clientWidth; 
				if (width < 960) { 
				window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>				
			</div>
			<#else>
			<@jblog.archiveTitle data="没有找到您需要的文章，请 <a href='${rc.contextPath}/'>返回主页</a> 继续浏览。"/>
			</#if>
		</div>
		<@jblog.footer record = blogCommon.blogRecord/>
	</div>
	<a href="#" title="回到顶部" style="display:none" class="am-icon-btn am-icon-arrow-up" id="goTop"></a>
	<@jblog.duoshuoJs/>
	<@jblog.otherJs jsList=
		["/resources/js/jquery.min.js"
		,"/resources/editormd/lib/marked.min.js"
		,"/resources/editormd/lib/prettify.min.js"
		,"/resources/editormd/editormd.min.js"]>
		$(function(){
			$(".markdown-body pre").addClass("prettyprint preety-scrool-bar");
            prettyPrint();
            $('#goTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});
		});
		window.onscroll = function () {
		    if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
		        document.getElementById("goTop").style.display = "block";
		    }
		    else {
		        document.getElementById("goTop").style.display = "none";
		    }
		}
	</@jblog.otherJs>
</body>
</html>